<template>
  <div>
    <nav-bar title="员工信息"></nav-bar>
    <div class="personalMessage maxinBox">
      <van-cell title="姓名" value="呵呵呵" />
      <van-cell title="班组" value="木工组" />
      <van-cell title="工种" value="木工" />
      <div class="backgroundfff marginTop5">
        <div style="padding: 0.625rem 0.9375rem;">违章记录</div>
        <van-row class="center fontSize14" style="padding: 0.625rem 0;" v-for="(item, index) in illegalList" :key="index">
          <van-col :span="8">{{item.date}}</van-col>
          <van-col :span="8">{{item.illegalText}}</van-col>
          <van-col :span="8">{{item.status}}</van-col>
        </van-row>
      </div>
    </div>
  </div>
</template>

<script>
  export default {
    data() {
      return {
        illegalList: [
          {
            date: '2020-02-02',
            illegalText: '超时违章',
            status: '未处理'
          },
          {
            date: '2020-02-02',
            illegalText: '工作超时违章',
            status: '已处理'
          },
          {
            date: '2020-02-02',
            illegalText: '当天工作超时违章',
            status: '未处理'
          },
          {
            date: '2020-02-02',
            illegalText: '超时违章',
            status: '已处理'
          }
        ]
      }
    },
    methods:{

    },
    mounted() {

    }
  }
</script>
